<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="icon" href="static/img/log.png" type="image/png">
    <script src="static/js/jquery-1.11.0.min.js"></script>
    <script>
        function register(){
            var loginName=$("#loginName").val();
            if(loginName){
                $.post("/doRegister.action", {
                    loginName: loginName,
                    password: 'password22'
                }, function(data) {
                     console.log(data);
                });
            }
        }
    </script>
    <style>
 body{background:#fff}
.login-panel{margin:10% auto 0 auto;background:#fff;width:25%;border-radius:3px;border:solid 1px #f3f3f3;box-shadow:4px 8px 10px 4px #b9b9b9;min-width:355px}form{margin:20px 20px}
.login{border:solid 1px #03A9F4;border-radius:3px;}
.login .login-head {background:#03A9F4;text-align:center;color:#fff;padding:10px;font-weight:bold;}
.login .login-body {padding:50px;text-align:center;}
.login .login-foot {padding:10px 10px 50px 10px;text-align:center}
.login .login-foot .login-foot-tool button{display:inline-block;padding:10px 87px;background:#03a9f4;border:solid 1px #03a9f4;color:#fff;font-size:15px;border-radius:5px;box-shadow:2px 3px #007fb9;font-weight:bold;outline:0}
.login .login-foot .login-foot-tool button:active{box-shadow:0 2px #666;background-color:#03a9f4;transform:translateY(1px)}
.login .login-body input{font-size:15px;padding:9px 7px;color:#333;caret-color:brown;outline:0;border:solid 1px #03a9f4}
.login .login-body input:focus{box-shadow:1px -1px 6px 0 #f5e708;border:solid 1px #ffeb3b}



    </style>
</head>
<body>
<div class="login-panel">
    <div class="login">
        <div class="login-head">
            <div class="login-head-title"> My Chat V1.1.0 注册</div>
        </div>
        <div class="login-body">
            <input type="text" name="loginName" id="loginName" placeholder="昵称">
        </div>
        <div class="login-foot">
            <div class="login-foot-tool">
                <button onclick="register()">注册</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>